<template>
    <div>
        <el-dialog class="dialog" :show-close="false" :title="conetnt.title" :visible.sync="conetnt.visible" width="30%">
            <el-row>
                <el-col :span="24" style="text-align:center;font-size:0.22rem;">
                    <span>{{conetnt.message}}</span>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="24" style="text-align:center;margin-top:20px;">
                    <el-button type="primary"  @click="ok">确定</el-button>
                    <el-button  @click="no">取消</el-button>
                </el-col>
            </el-row>
        </el-dialog>
    </div>
</template>
<script>
    export default {
        name: "promptBox",
        data() {
            return {
                conetnt: {
                    title: "提示",//标题
                    message: "",//提示语
                    visible: false
                }
            }
        },
        methods: {
            ok() {
            },
            no() {
            }
        },
    }
</script>
<style scoped>
    >>>.el-dialog .el-dialog__title {
        font-size: 0.2rem;
    }

    >>>.dialog .el-dialog .el-dialog__title {
        font-size: 0.2rem;
        color: white;
    }

    >>>.dialog .el-dialog .el-dialog__header {
        background-color: #409eff;
        margin-bottom: 20px;
        padding: 10px 20px;
    }
</style>